<template>
    <div>
        <el-dialog v-model="props.dialogVisible" width="500" @close="closeDialog">
			<div>
				<SuccessFilled style="width: 1.5em; height: 1.5em; margin-right: 8px" color="#80c269" class="float-left"/>
				<span class="float-left">{{$t('message.operateSuccess')}}！请至“<span class="text-[#409eff] cursor-pointer" @click="toExportLog">导出记录</span>” 页面查看下载。</span>
			</div>
			<template #footer>
			<div class="dialog-footer">
				<el-button type="primary" @click="closeDialog">{{$t('public.close')}}</el-button>
			</div>
			</template>
		</el-dialog>
    </div>
</template>
<script lang="ts" setup>
import { useRouter } from "vue-router";
const router = useRouter()
let props = defineProps({
	dialogVisible: {
		type: Boolean,
		default: false
	}
})
let toExportLog= ()=>{
	router.push({ path: '/exportLog'})
}
const emit = defineEmits(['close'])
const closeDialog = () => {
    emit('close')
}

</script>